.rol {
            width: 100%;
            height: 100%;
        }

        .banner {
            width: 100%;
            height: 100%;
            white-space: nowrap;
			display: flex;
			justify-content: space-between;
        }

        .one {
            position: relative;
            width: 49vw;
            height: 100%;
            display: inline-block;
        }

        .one img {
            width: 100%;
            height: 100%;
        }

        .text {
            position: absolute;
            font-size: 18px;
            color: #FFF;
            top: 83%;
            left: 5%;
            /* width: 55%;
      white-space: pre-wrap; */
        }

        .zol {
            width: 100%;
            height: 27%;
            position: absolute;
            top: 37%;
            left: 0;
        }

        
		.all{
			width: 100%;
			height: 800px;
			background: rgba(0,0,0,0.75);
			display: none;
			position: fixed;
			left: 0;
			top: 0;
			z-index: 1000;
		}
		.videos {
		    display: none;
		    position: absolute;
		    left: 50%;
		    top: 50%;
		    width: 50%;
		    z-index: 100;
		    transform: translate(-50%, -50%);
		}
		.vclose {
		    position: fixed;
		    right: 1%;
		    top: 1%;
		    border-radius: 100%;
		    width: 25px !important;
		    height: 25px !important;
		}
		.add{
			height:100%;
			overflow:hidden;
		}